<template>
	<div>
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			<van-swipe-item v-for="(v,i) in arr" :key="i">
				<img :src="v.img" />
			</van-swipe-item>
		</van-swipe>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				arr: [{
						"img": "img/banner1.png"
					},
					{
						"img": "img/banner2.png"
					},
					{
						"img": "img/banner3.png"
					},
					{
						"img": "img/banner4.png"
					},
				]
			}
		}
	}
</script>

<style scoped="scoped">
	.my-swipe .van-swipe-item {
		color: #fff;
		font-size: 0.2rem;
		text-align: center;
	}
	img{
		margin-top: 0.7rem;
		width: 3.45rem;
		height: 1.4rem;
		border-radius: 0.1rem;
	}
</style>
